
<? 
include 'config.inc.php';
//获取平台的get
   $username = @$_GET['username'];
   $password = @$_GET['password'];
   $cion     = @$_GET['cion'];
include 'member.php';
?>

<!DOCTYPE html>
<html>    
<meta http-equiv="content-type" content="text/html;charset=utf-8">
 <head>
 <script src="js/jquery.1.7.2.min.js"></script>
 <link href="layui/css/layui.css" rel="stylesheet" type="text/css"/>
 <script src="layer/layer.js"></script>
 <script src="layui/layui.js"> </script>
 <link rel="stylesheet" href="./css/index.css">
    <style>
      .spinner { width: 60px; height: 60px; display: inline-block; } .spinner
      .three-bounce { position: relative; text-align: center; top: 50%; bottom:
      50%; margin-top: -9px } .spinner .three-bounce>div { display: inline-block;
      width: 18px; height: 18px; border-radius: 100%; top: 50%; margin-top: -9px;
      background: #aeadba; -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode:
      both; animation-fill-mode: both } .spinner .three-bounce .one { -webkit-animation-delay:
      -.32s; animation-delay: -.32s; background: rgb(55,137,250); } .spinner
      .three-bounce .two { -webkit-animation-delay: -.16s; animation-delay: -.16s;
      background: rgb(99,99,99); } .spinner .three-bounce .three { background:
      rgb(235,67,70); } @keyframes bouncedelay { 0%,100%,80% { transform: scale(0);
      -webkit-transform: scale(0) } 40% { transform: scale(1); -webkit-transform:
      scale(1) } } body, html { height: 100%; } .chat { background-size: 100%
      auto !important; }
    </style>
    <link type="text/css" rel="stylesheet" href="./css/chat-index.css">
    <link type="text/css" rel="stylesheet" href="./css/index(1).css">
    <link type="text/css" rel="stylesheet" href="./css/index-index-inde-2596aa08.css">
    <style type="text/css">
      *[data-v-5928e1c7] { -webkit-box-sizing: border-box; box-sizing: border-box;
      } .fullscreen-v-img[data-v-5928e1c7] { z-index: 9999; height: 100%; width:
      100%; position: fixed; top: 0; left: 0; overflow: hidden; background-color:
      rgba(0, 0, 0, .7); -ms-touch-action: none; touch-action: none; } .content-v-img
      img[data-v-5928e1c7] { width: auto; height: auto; max-width: 100%; max-height:
      100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:
      auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select:
      none; user-select: none; } .header-v-img[data-v-5928e1c7] { position: absolute;
      width: 100%; background-color: rgba(0, 0, 0, .3); height: 50px; z-index:
      9999; display: flex; justify-content: space-between; align-items: center;
      } .title-v-img[data-v-5928e1c7] { font-family: 'Avenir', Helvetica, Arial,
      sans-serif; font-size: 18px; font-weight: 400; color: white; text-align:
      center; max-height: 100%; overflow: auto; } .count-v-img[data-v-5928e1c7],
      .close-v-img[data-v-5928e1c7] { width: 80px; font-family: 'Avenir', Helvetica,
      Arial, sans-serif; line-height: 50px; } .count-v-img[data-v-5928e1c7] {
      font-size: 15px; color: white; margin-left: 10px; } .close-v-img[data-v-5928e1c7]
      { margin-right: 10px; color: #E5E6EB; font-size: 30px; cursor: pointer;
      -webkit-transition: color .4s ease-in-out; transition: color .4s ease-in-out;
      text-align: right; } .close-v-img[data-v-5928e1c7]:hover { color: white;
      } .prev-v-img svg[data-v-5928e1c7], .next-v-img svg[data-v-5928e1c7] {
      margin: 5px auto; } .prev-v-img[data-v-5928e1c7], .next-v-img[data-v-5928e1c7]
      { color: white; width: 35px; height: 35px; position: absolute; top: 50%;
      margin-top: -12.5px; font-size: 15px; font-family: 'Avenir', Helvetica,
      Arial, sans-serif; text-align: center; background-color: rgba(0, 0, 0,
      .3); z-index: 1000; opacity: .3; -webkit-transition: opacity .3s ease-in-out;
      transition: opacity .3s ease-in-out; cursor: pointer; } .prev-v-img[data-v-5928e1c7]:hover,
      .next-v-img[data-v-5928e1c7]:hover { opacity: 1; } .prev-v-img[data-v-5928e1c7]
      { left: 10px; } .next-v-img[data-v-5928e1c7] { right: 10px; } .v-img-fade-enter[data-v-5928e1c7],
      .v-img-fade-leave-to[data-v-5928e1c7] { opacity: 0; } .v-img-fade-enter-active[data-v-5928e1c7],
      .v-img-fade-leave-active[data-v-5928e1c7] { -webkit-transition: opacity
      .3s ease-in-out; transition: opacity .3s ease-in-out; } .body-fs-v-img
      {}
    </style>
  </head>
<body onLoad="Autofresh()"> 
    <div id="appLoading" class="bet-loading" style="position: fixed; width: 100%; top: 200px; text-align: center; display: none;">
      <div class="spinner">
        <div class="three-bounce">
          <div class="one">
          </div>
          <div class="two">
          </div>
          <div class="three">
          </div>
        </div>
      </div>
    </div>
    <div class="skin_blue" style="height: 100%;">
      <div class="lay-relative chat">
        <!---->
        <div class="chat-header">
          <div class="ttl">
            <span>
              <i class="iconfont icon-fangjian" style="vertical-align: 0px;">
              </i>
              聊天记录
            </span>
          </div>
        </div>
<div class="list" style="bottom: 98px;">
  <div class="lay-scroll" style="">
<div id="center">


</div>

<?
  if($username ==''){
    echo '<div class="Item SysMsg"><div class="inner"><p>请先登录账号</p></div></div>';
  }
?>
</div>


          <!---->
          <div class="el-dialog__wrapper" style="display: none;">
            <div class="el-dialog el-dialog--small chat-user-info" style="top: 15%;">
              <div class="el-dialog__header">
                <span class="el-dialog__title">
                  查看用户信息
                </span>
                <button type="button" aria-label="Close" class="el-dialog__headerbtn">
                  <i class="el-dialog__close el-icon el-icon-close">
                  </i>
                </button>
              </div>
              <!---->
              <!---->
            </div>
          </div>
        </div>
        <div class="compose">
          <div class="control-bar">
            <span>
            </span>

            <a href="javascript:void(0)"  title="发送表情" class="btn-control">
			  搜索聊天记录请按 CTRL + F 即可搜索聊天记录
            </a>
            
            <!---->
          </div>
          
		  <div class="typing">
            <div class="txtinput el-textarea 
            is-disabled">
             
            </div>
            <div class="sendbtn">
              <button id="send_button" href="javascript:void(0)" class="u-btn1">
                发送
              </button>
            </div>
          </div>
		 
            </div>
          </div>
        </div>
      </div>
    </div>


<!-- ajax -->
 <script> 
    var xmlobj; 
    function createXMLHttpRequest(){ 
      if(window.ActiveXObject){ 
        xmlobj=new ActiveXObject("Microsoft.XMLHTTP"); 
      } 
      else if(window.XMLHttpRequest){ 
        xmlobj=new XMLHttpRequest(); 
      } 
    } 
    function Autofresh(){ 
      createXMLHttpRequest();     
	  //get已经获取到的用户名
      xmlobj.open("GET","log_center.php?username=<? echo $username;?>&password=<? echo $password;?>",true); 
      xmlobj.onreadystatechange=doAjax; 
      xmlobj.send("r="+Math.random());//使用随机数处理缓存 
    } 
    function doAjax(){ 
      if(xmlobj.readyState==4 && xmlobj.status==200){ 
        var time_span=document.getElementById('center'); 
        time_span.innerHTML=xmlobj.responseText; 
	    setTimeout("Autofresh()",500); 
      } 
    } 
  </script>



  </body>

</html>